.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


/*顶部导航*/
#mould78767{background:#fff;    position: absolute;width: 100%;z-index: 999;box-shadow: 0px 3px 6px 0px rgb(0,0,0,0.1);}
.navbars4 .logo { width: 290px;height: 100px;}
.navbars4 li a{font-size: 18px;color: #333;padding: 11px 24px;border: 1px solid #fff;box-sizing: border-box; }
.navbars4 .active a ,.navbars4 li:hover a{background: 0;color: #2368CF;border: 1px solid #2368CF;border-radius: 30px;box-sizing: border-box; }
.navbars4 {width: 1500px;height: 100px;}
.navbars4 ul {    height: 100px;}


/*侧边*/
.cebian{ position:fixed; bottom:30%; right:0; z-index:999;}
.cebian>div{ width:72px; height:72px; position:relative; margin:5px 0; background:#2368CF;}
.cebian>div span{ background: url(/images/fixcont.png) no-repeat; width:48px; height:48px; margin:0 auto; display:block;}
.cebian>div .one p{ font-size:12px; text-align:center; color:#fff;}
.cebian>div .two{ background:#2368CF; width:140px; height:72px; position:absolute; right:-140px; top:0; color:#fff; text-align:center; line-height:72px; transition:1s; font-size:14px;}

.cebian>div.box_a a{ display:block;}
.cebian>div.box_a span{  background-position: 0 0;}
.cebian>div:nth-child(1) .two { width: 200px;right: -200px;}
.cebian>div:nth-child(1) .two p{    font-size: 20px; line-height: 72px;    padding: 0 20px;}

.cebian>div.box_b span{   background-position: -48px 0;}
.cebian>div.box_b .two{ background:#fff;}
.cebian>div.box_b:hover .one{ display:block;}
.cebian>div.box_b:hover .two{ right:78px; height:140px;}
.cebian>div.box_b .two img{ width:140px; height:140px;}

.cebian>div.box_c span{   background-position: -96px 0;}
.cebian>div.box_c .two{ background:#fff;}
.cebian>div.box_c:hover .one{ display:block;}
.cebian>div.box_c:hover .two{ right:78px; height:140px;}
.cebian>div.box_c .two img{ width:140px; height:140px; }

.cebian>div.box_d span{ background-position: -144px 0;}
.cebian>div.box_d:hover .one{ display:block;}

.cebian>div:hover{cursor: pointer;}
.cebian>div:hover .one{ display:none;}
.cebian>div:hover .two{ right:0;}


/*轮播图*/
.cp2{ position: relative;}
.cp2 .swiper-slide img {height: 100vh;}
.cp2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 50px!important;}
.cp2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{    left: 50px!important;}
.cp2 .swiper-pagination-bullet-active {opacity: 1;background: #fff;width:50px; }
.cp2 .swiper-pagination-bullet { width: 50px;    border-radius: 10px;}


/*标题*/
.title{margin-bottom: 60px;}
.title-left{float: left;}
.title-left h2{color: #2368CF;font-size: 40px;line-height: 53px;font-weight: bold;}
.title-left h3{font-size: 18px;line-height: 20px;margin-top: 20px;}
.title-right{float: right;}


/*简介*/
.jj{background: #F7F7F7;padding: 80px 0; margin-top: 100px;}
.about{width: 1500px;margin: 0 auto;}
.about-left{float: left;width: 44%;}
.about-left img{    border: 5px solid #2368CF;box-sizing: border-box;}
.about-right{float: right;width: 44%;}
.about-right h2{color: #2368CF;font-size: 40px;line-height: 53px;font-weight: bold;}
.about-right h3{    color: #666666;font-size: 16px;line-height: 17px;margin: 10px 0 50px 0;letter-spacing: 4.6px;}
.about-right p{font-size: 16px;line-height: 40px;}
.tz{background-image: linear-gradient(to right,#2E76E1, #1856B2 );padding: 16px 35px;display: inline-block;border-radius: 50px;margin-top: 16px;}
.tz h4{color: #fff;line-height: 29px;float: left;}
.tz img{margin-left: 30px;transition: 0.5s;}
.tz:hover img{margin-left: 50px;}
.about-right .tz{margin-top: 50px;}




/*产品*/
.cp .title{width: 1500px;margin: 0 auto 60px auto;}
.tz2{background: #fff;padding: 12px 30px;display: inline-block;border-radius: 50px;margin-top: 100px;    position: absolute;}
.tz2 h4{color: #2368CF;line-height: 29px;float: left;}
.tz2 img{margin-left: 20px;transition: 0.5s;}
.tz2:hover img{margin-left: 30px;}
.cp .menu_list{display: none;}
.cp .menu{height: 100%;width: 1500px;left: 50%;transform: translateX(-50%);position: absolute;}
.cp .menu li{    position: relative;height: 100%;width: 20%;float: left;color: #fff;border-right: 1px solid rgb(255,255,255,0.2);box-sizing: border-box;padding: 0 45px 0 30px;}
.cp .menu li:first-child{border-left: 1px solid rgb(255,255,255,0.2);}
.cp .nr{position: relative;}
.cp .menu li h2{font-size: 30px;line-height: 40px;font-weight: bold;}
.cp .menu li hr{width: 50px;height: 2px;border: 0;background: #fff;margin: 40px 0;}
.cp .menu li p{line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cp .nr1{position: absolute;top: 50%;transform: translateY(-50%);width: 80%;transition: 0.5s;}
.cp .menu li.on .nr1{top: 40%;}
.cp .menu li a{display: none;transition: 0.5s;}
.cp .menu li.on a{display: block;}
.cp{margin: 80px auto}
.cp .menu li.on{background: rgb(0,0,0,0.2);}



/*健康中心*/
.jk1{    background: #F7F7F7;padding: 80px 0;}
.jk{width: 1500px;margin: 0 auto;}
.jk-left{float: left;width: 47%;}
.jk-right{float: right;width: 47%;}
.jk11{background: #fff;transition: 0.5s;}
.jk-left h5,.jk-right h5{color: #2368CF;font-size: 30px;line-height: 40px;font-weight: bold;margin: 20px 30px 15px 30px;}
.jk-nr{margin: 0 30px 20px 30px;}
.jk-nr p{color: #666666;line-height: 28px;width: 63%;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tz1{background-image: linear-gradient(to right,#2E76E1, #1856B2 );display: inline-block;  padding: 14px 30px;  border-radius: 50px;    float: right;}
.tz1 h2{background: url(/images/tz1.png) no-repeat;width: 57px;height: 29px;float: right;}
.tz1 h6{    float: left;color: #fff;line-height: 29px;margin-right: 20px;}
.jk11:hover{background-image: linear-gradient(to right,#2E76E1, #1856B2 );}
.jk11:hover h5 {color: #fff;}
.jk11:hover  .jk-nr p {color: #fff;}
.jk11:hover .tz1 {background: #fff;}
.jk11:hover .tz1 h2{background: url(/images/tz.png) no-repeat;}
.jk11:hover .tz1 h6{color: #2368CF;}




/*新闻*/
.xw{    width: 1500px;margin: 80px auto;}
.xw li{    width: 31%;margin-right: 3.5%;float: left;border: 1px solid #EEEEEE;box-sizing: border-box;}
.xw li:last-child{margin-right: 0;}
.xw li h2{font-size: 18px;line-height: 24px;margin: 30px 30px 10px 30px;}
.xw li:hover h2{color: #2368CF;}
.xw li h3{line-height: 28px;color: #666666;margin: 5px 30px 30px 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw li hr{    background: #EEEEEE;border: 0;height: 1px;margin: 0 30px 30px 30px;}
.xw li .sj{    margin: 0 30px 30px 30px;}
.xw li .sj-left{float: left;   margin-top: 4px;}
.xw li .sj-left img{float: left;}
.xw li .sj-left p{float: right;color: #666666;margin-left: 10px;}
.xw li .sj-right{    float: right;}
.xw li .sj-right h4{color: #2368CF;float: left;margin-top: 4px;margin-right: 20px;}
.xw li a>img{    border-bottom: 1px solid #EEEEEE;}





/*底部*/
.width_1200{ width:1500px; margin:0 auto;padding:65px 0; }
.store_a{ background: #e4eaf6; width:100%; padding:30px 0; text-align:center;}
.store_a img{ margin:0 20px;}
footer{ background: #1B1B1B; color:#fff;}
footer h2{ font-size:18px; margin-bottom:30px; font-family: arial;}
footer h2 span{    color: #A3A3A3;}
footer .left{     width: 30%;float: left;margin-right: 10%;}
footer .left a{ color:#fff; width:25%; float:left; line-height:50px;}
footer .left a:nth-child(3n){ margin-right:0;}
footer .left a:hover{ color:#fff;}
footer .right{float: left;}
footer .right p{ line-height:60px; background: url(/images/di-1.png) no-repeat center left; padding-left: 26px;}
footer .right p:last-child{ line-height:36px; background: url(/images/di-2.png) no-repeat center left;}
.footer-foot>div{ width:1500px; margin:0 auto;    border-top: 1px solid #292929;}
.footer-foot>div p{ float:left; line-height:60px;}
.footer-foot>div p:last-child{ float:right;}
.foot-ewm {float: right;}
.foot-ewm p img {width: 130px;height: 130px;}


@media screen and (min-width:1440px) and (max-width:1680px){ 

    .navbars4 {width: 90%;}
  .navbars4 li a {font-size: 16px;}



  
   .about,.cp .title,.jk,.xw,.width_1200,.footer-foot>div,.cp .menu{width: 90%;}
  
  .cp .title {margin: 0 auto 50px auto;}
  .title {margin-bottom: 50px;}
  .jj,.jk1{padding: 70px 0;}
  .cp,.xw{margin: 70px auto;}
  
  
  .about-right .tz {margin-top: 30px;}
  .about-right p {line-height: 36px;}
  .about-right h3 {margin: 10px 0 30px 0;}
  .about-right {width: 50%;}
  .tz {padding: 14px 30px;}
  
  
  
  
  .tz2 {padding: 10px 25px;margin-top: 70px;}

  
  
  .xw li h2 {margin: 20px 20px 10px 20px;}
  .xw li h3 {margin: 5px 20px 20px 20px;}
  .xw li hr {margin: 0 20px 20px 20px;}
  .xw li .sj {margin: 0 20px 20px 20px;}
    
  .jk-left h5, .jk-right h5 {margin: 20px 20px 15px 20px;}
  .jk-nr {margin: 0 20px 20px 20px;}
  .tz1 h6 {margin-right: 10px;}
  .jk-nr p {width: 60%;}
  
  .width_1200 {padding: 50px 0;}

 


}




@media screen and (min-width:1360px) and (max-width:1439px){ 

  .navbars4 {width: 90%;}
    .navbars4 li a {font-size: 16px;    padding: 11px 20px;}


  .about,.cp .title,.jk,.xw,.width_1200,.footer-foot>div,.cp .menu{width: 90%;}
  
  .cp .title {margin: 0 auto 50px auto;}
  .title {margin-bottom: 50px;}
  .jj,.jk1{padding: 70px 0;}
  .cp,.xw{margin: 70px auto;}
  
  
  .about-right .tz {margin-top: 30px;}
  .about-right p {line-height: 33px;}
  .about-right h3 {margin: 10px 0 30px 0;}
  .about-right {width: 50%;}
  .tz {padding: 14px 30px;}
  
  
  
  
  .tz2 {padding: 10px 25px;margin-top: 70px;}

  
  
  .xw li h2 {margin: 20px 20px 10px 20px;}
  .xw li h3 {margin: 5px 20px 20px 20px;}
  .xw li hr {margin: 0 20px 20px 20px;}
  .xw li .sj {margin: 0 20px 20px 20px;}
    
  .jk-left h5, .jk-right h5 {margin: 20px 20px 15px 20px;}
  .jk-nr {margin: 0 20px 20px 20px;}
  .tz1 h6 {margin-right: 10px;}
  .jk-nr p {width: 60%;}
  
  .width_1200 {padding: 50px 0;}
  
}